@charset "utf-8";
/* CSS Document */

#slides{display:none;position:relative;}
#slides img{ width:100%;}
#slides:hover .slidesjs-navigation{ display:block;}
#slides .slidesjs-navigation{position:absolute;top:40%;z-index:10;}
#slides .slidesjs-previous{background:url(../cn/images/prev.png) no-repeat;width:50px; height:100px; left:2%; display:none;}
#slides .slidesjs-next{background:url(../cn/images/next.png) no-repeat;width:50px; height:100px;right:2%; display:none;}
.slidesjs-pagination{list-style:none;position:absolute;bottom:10px;left:47%;z-index:10;}
.slidesjs-pagination li{float:left;margin:0 2px;}
.slidesjs-pagination li a{display:block;width:10px;height:10px; border:2px solid #fff;float:left;overflow:hidden;border-radius:10px;color:transparent;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active{ background:#fff; height:10px; width:10px; border-radius:10px; color:transparent;}
.slidesjs-pagination li a:hover{ background:#fff; border-radius:10px; height:10px; width:10px; color:transparent;}
.navbar{overflow:hidden}

#slides{display:none; width:100%;}

@media (max-width: 479px) {
#slides{width:100%;}
#slides:hover .slidesjs-navigation{display:none;}
.slidesjs-pagination{bottom:5px;left:44%;}
.slidesjs-pagination li a{width:6px;height:6px; border-radius:6px; }
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active{ height:6px; width:6px; border-radius:6px;}
.slidesjs-pagination li a:hover{ border-radius:6px; height:6px; width:6px;}
}
@media (min-width: 480px) and (max-width: 639px) {
#slides{width:100%;}
#slides:hover .slidesjs-navigation{display:none;}
.slidesjs-pagination{bottom:8px;left:44%; font-size:none;}
.slidesjs-pagination li a{width:8px;height:8px; border-radius:8px; }
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active{ height:8px; width:8px; border-radius:8px;}
.slidesjs-pagination li a:hover{ border-radius:8px; height:8px; width:8px;}

}
@media (min-width: 640px) and (max-width:1023px ) {
#slides{width:100%;}
#slides:hover .slidesjs-navigation{display:none;}
.slidesjs-pagination{bottom:10px;left:46%; font-size:xx-small;}
}

@media (min-width: 1024px) and (max-width:1199px ) {
#slides{width:100%;}
.slidesjs-pagination{bottom:10px;left:47%;z-index:99;}

}

@media (min-width: 1200px) and (max-width:1439px ){
#slides{width:100%;}
.slidesjs-pagination{bottom:10px;left:47%;z-index:99;}

}

@media (min-width: 1440px) and (max-width:1920px ){
#slides{width:100%;}
.slidesjs-pagination{bottom:10px;left:47%;z-index:99;}

}
